*{
    margin:0;
    padding:0;
    list-style: none;
    box-sizing: border-box;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:after{
    display:table;
    content:"";
    clear:both;
}
html,body{
    width:100%;
}
.content{
    width:75%;
    margin:0 auto;
}
.mainpic{
    width:49%;
    box-sizing: border-box;
}
.mainpic img{
    width:100%;
}
.xiangqing{
    width:49%;
}
.xiangqing img{
    width:100%;
}
.xiangqing img:nth-of-type(2){
    margin:15px 0;
}
.section1,.section2,.section3,.section4,.section5,.section6,.section7,.section8{
    margin:80px 0;
}